.analog {
  display: block;
  width: .4em;
  height: .4em;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  .analogFace {
    width: 100%;
    height: 100%;
    svg {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
    }
  }
  .analogCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4%;
    height: 4%;
    margin: -2% 0 0 -2%;
    background: black;
    border-radius: 50%;
    display: block;
  }
  .analogHour {
    background: #000;
    height: 25%;
    left: 49%;
    position: absolute;
    top: 25%;
    transform-origin: 50% 100%;
    width: 2%;
  }
  .analogMinute {
    background: #000;
    height: 35%;
    left: 49.25%;
    position: absolute;
    top: 15%;
    transform-origin: 50% 100%;
    width: 1.5%;
  }
  .analogSecond {
    display: block;
    background: #000;
    height: 48%;
    left: 49.7%;
    position: absolute;
    top: 11%;
    transform-origin: 50% 80%;
    width: 0.6%;
    z-index: 8;
  }
}
